@charset "UTF-8";
/*  基本样式  */
* { box-sizing: border-box; }

.clear { clear: both; content: ''; height: 0; visibility: visible; }

.fl { float: left; }

.fr { float: right; }

.text-center { text-align: center; }

a, a:hover, a:visited { text-decoration: none; }

.hide { display: none; }

.pop { position: fixed; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }
.pop .pop-shadow { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=60); -khtml-opacity: 0.6; -moz-opacity: 0.6; opacity: 0.6; }
.pop .pop-content { position: absolute; z-index: 1; left: 50%; top: 50%; background-color: #fff; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

body, html { font-family: '微软雅黑'; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }

body.invite { padding-bottom: 1.333333rem; }
body.invite div { text-align: center; margin: 0 auto; }
body.invite .header { margin-top: 0.933333rem; text-align: center; }
body.invite .header img { width: 8.533333rem; height: 1.013333rem; }
body.invite .seconds { margin-top: 0.373333rem; text-align: center; font-family: "黑体"; font-size: 0.346667rem; }
body.invite .thrid { position: relative; }
body.invite .thrid img { width: 9.253333rem; height: 7.08rem; }
body.invite .thrid a { display: block; width: 1.533333rem; height: 1.533333rem; position: absolute; bottom: 0; left: 50%; margin-left: -0.773333rem; }
body.invite .forth { margin-top: 0.933333rem; background: url("/style/images/exam/appHtml/invite-forth-bg.png") no-repeat; background-size: 100%; width: 8.493333rem; height: 1.6rem; }
body.invite .forth .item { float: left; width: 50%; box-sizing: border-box; }
body.invite .forth .item h3 { margin-top: 0.266667rem; font-size: 0.4rem; }
body.invite .forth .item h3 font { font-size: 0.48rem; color: #ef695c; }
body.invite .forth .item p { margin-top: 0.16rem; font-size: 0.32rem; color: #9c9c9c; }
body.invite .five { margin-top: 0.933333rem; text-align: center; }
body.invite .five a { display: inline-block; }
body.invite .five a img { width: 6.2rem; height: 1.186667rem; }
body.invite .sex { margin-top: 0.373333rem; font-size: 12px; }
[data-dpr="2"] body.invite .sex { font-size: 24px; }
[data-dpr="3"] body.invite .sex { font-size: 36px; }
body.invite .sex a { color: #ef695c; font-size: 0.32rem; }
body.invite .sex a:hover, body.invite .sex a:visited { text-decoration: none; }
body.invite .sex img { width: 0.2rem; height: 0.32rem; }

/*公用部分*/
.pop { display: none; }

.pop .pop-content { text-align: center; width: 8.493333rem; height: 3.573333rem; border: solid #c2c2c2; border-radius: 0.133333rem; border-width: 1px; }
[data-dpr="2"] .pop .pop-content { border-width: 2px; }
[data-dpr="3"] .pop .pop-content { border-width: 3px; }
.pop .pop-content .title { height: 1.16rem; background-color: #dcdcdc; position: relative; }
.pop .pop-content .title span { position: absolute; display: inline-block; background-color: #dcdcdc; color: #fe9c3b; font-size: 22px; border-radius: 50%; width: 0.8rem; height: 0.8rem; font-weight: bold; left: 50%; top: -0.4rem; margin-left: -0.4rem; }
[data-dpr="2"] .pop .pop-content .title span { font-size: 44px; }
[data-dpr="3"] .pop .pop-content .title span { font-size: 66px; }
.pop .pop-content .title h6 { padding-top: 0.4rem; color: #fff; font-size: 15px; }
[data-dpr="2"] .pop .pop-content .title h6 { font-size: 30px; }
[data-dpr="3"] .pop .pop-content .title h6 { font-size: 45px; }
.pop .pop-content .msg { height: 2.4rem; padding-top: 0.973333rem; font-size: 17px; line-height: 17px; }
[data-dpr="2"] .pop .pop-content .msg { font-size: 34px; }
[data-dpr="3"] .pop .pop-content .msg { font-size: 51px; }
[data-dpr="2"] .pop .pop-content .msg { line-height: 34px; }
[data-dpr="3"] .pop .pop-content .msg { line-height: 51px; }

.btn { text-align: center; margin: 0.533333rem 0; }
.btn a { display: inline-block; width: 3.373333rem; height: 0.946667rem; background-color: #fe9c35; border: 1px solid #fe9c35; border-radius: 0.8rem; line-height: 0.946667rem; font-size: 17px; color: #fff; }
[data-dpr="2"] .btn a { font-size: 34px; }
[data-dpr="3"] .btn a { font-size: 51px; }

.multi-btn { padding: 0 0.746667rem; }
.multi-btn a { border-radius: 0; }
.multi-btn .lightly { color: #333; background: 0; border: 1px solid #969696; }

/*申请成为捎货人首页*/
body.exam { background-color: #efeff4; overflow: hidden; }
body.exam section { background-color: #fff; margin-top: 0.36rem; border-top: #dedfe0 solid; border-bottom: #dedfe0 solid; border-width: 1px; }
[data-dpr="2"] body.exam section { border-width: 2px; }
[data-dpr="3"] body.exam section { border-width: 3px; }
body.exam section > div { padding: 0 0.373333rem; }
body.exam section .title { height: 1.16rem; line-height: 1.16rem; font-size: 15px; }
body.exam section .title .click { display: block; }
[data-dpr="2"] body.exam section .title { font-size: 30px; }
[data-dpr="3"] body.exam section .title { font-size: 45px; }
body.exam section .title .fl .index { display: inline-block; width: 0.506667rem; height: 0.506667rem; background-color: #e5f5ff; line-height: 0.506667rem; text-align: center; color: #fff; border-radius: 50%; }
body.exam section .title .fl .index b { background-color: #98c8f0; display: inline-block; width: 0.4rem; height: 0.4rem; line-height: 0.4rem; border-radius: 50%; font-weight: normal; }
body.exam section .title .fr a { color: #fe9e38; }
body.exam .learn { padding: 0.4rem 0; }
body.exam .learn .chapter > div { width: 4.44rem; height: 2.746667rem; position: relative; border: solid #dcdcdc; margin-top: 0.4rem; border-width: 4px; box-sizing: border-box; border-radius: 0.133333rem; padding: 0.2rem 0.133333rem; }
body.exam .learn .chapter > div:nth-child(odd) { float: left; }
body.exam .learn .chapter > div:nth-child(even) { float: right; }
[data-dpr="2"] body.exam .learn .chapter > div { border-width: 8px; }
[data-dpr="3"] body.exam .learn .chapter > div { border-width: 12px; }
body.exam .learn .chapter > div .lock { position: absolute; top: 0; right: 0.106667rem; height: 1.146667rem; width: 1.0rem; background: url("/style/images/exam/lock.png") no-repeat top right; background-size: 0.92rem 1.04rem; }
body.exam .learn .chapter > div .top-word h4 { font-size: 0.32rem; line-height: 0.32rem; }
body.exam .learn .chapter > div .top-word h5 { font-size: 0.373333rem; line-height: 0.373333rem; margin-top: 0.066667rem; }
body.exam .learn .chapter > div .bottom-img { text-align: center; height: 1.493333rem; width: 3.96rem; background-position: center; background-repeat: no-repeat; background-size: 2.413333rem 1.413333rem; overflow: hidden; }
body.exam .learn .chapter .item1 .bottom-img { background-image: url("/style/images/exam/chapter1.png"); }
body.exam .learn .chapter .item2 .bottom-img { background-image: url("/style/images/exam/chapter2.png"); }
body.exam .learn .chapter .item3 .bottom-img { background-image: url("/style/images/exam/chapter3.png"); }
body.exam .learn .chapter .item4 .bottom-img { background-image: url("/style/images/exam/chapter4.png"); }
body.exam .learn .chapter .lock-now { border-color: #cee8ff; }
body.exam .learn .chapter .lock-now .lock { background: 0; }
body.exam .learn .chapter .lock-now h4 { color: #319dff; }
body.exam .learn .chapter .lock-now.item1 .bottom-img { background-image: url("/style/images/exam/chapter1_act.png"); }
body.exam .learn .chapter .lock-now.item2 .bottom-img { background-image: url("/style/images/exam/chapter2_act.png"); }
body.exam .learn .chapter .lock-now.item3 .bottom-img { background-image: url("/style/images/exam/chapter3_act.png"); }
body.exam .learn .chapter .lock-now.item4 .bottom-img { background-image: url("/style/images/exam/chapter4_act.png"); }
body.exam .learn .chapter .unlock { border-color: #cee8ff; }
body.exam .learn .chapter .unlock .lock { background-image: url("/style/images/exam/unlock.png"); }
body.exam .learn .chapter .unlock h4 { color: #319dff; }
body.exam .learn .chapter .unlock.item1 .bottom-img { background-image: url("/style/images/exam/chapter1_act.png"); }
body.exam .learn .chapter .unlock.item2 .bottom-img { background-image: url("/style/images/exam/chapter2_act.png"); }
body.exam .learn .chapter .unlock.item3 .bottom-img { background-image: url("/style/images/exam/chapter3_act.png"); }
body.exam .learn .chapter .unlock.item4 .bottom-img { background-image: url("/style/images/exam/chapter4_act.png"); }
body.exam .learn .hr { margin-top: 0.666667rem; padding: 0; border-bottom: #dddddd dashed; @border-width-dpr (1px); }
body.exam .learn .tip { margin-top: 0.4rem; height: 0.52rem; line-height: 0.52rem; font-size: 12px; }
[data-dpr="2"] body.exam .learn .tip { font-size: 24px; }
[data-dpr="3"] body.exam .learn .tip { font-size: 36px; }
body.exam .learn .tip img { float: left; height: 0.4rem; }
body.exam .learn .tip span { float: left; margin-left: 0.133333rem; }
body.exam .learn .tip a { color: #fe9e38; font-size: 0.373333rem; text-decoration: underline; }

/*审核失败页面*/
body.applytip .apply-failed { background-color: #efeff4; position: fixed; width: 100%; height: 100%; left: 0; top: 0; padding-top: 2.466667rem; }
body.applytip .apply-failed .flag img { width: 2.733333rem; }
body.applytip .apply-failed .reson { font-size: 17px; margin-top: 0.373333rem; }
[data-dpr="2"] body.applytip .apply-failed .reson { font-size: 34px; }
[data-dpr="3"] body.applytip .apply-failed .reson { font-size: 51px; }
body.applytip .apply-failed .btn { margin: 1.013333rem; }
body.applytip .apply-failed .btn a { width: 4.08rem; }

/*阅读第一章*/
body.chapter1 { background-color: #efeff4; }
body.chapter1 > section { color: #fff; overflow: hidden; height: 4.68rem; text-align: center; }
body.chapter1 > section .img { margin-top: 0.533333rem; }
body.chapter1 > section .img img { width: 2.0rem; height: 2.0rem; }
body.chapter1 > section h3 { font-weight: bold; margin-top: 0.373333rem; font-size: 0.533333rem; height: 0.533333rem; line-height: 0; }
body.chapter1 > section h5 { font-weight: normal; font-size: 0.4rem; margin-top: 0.266667rem; line-height: 0; }
body.chapter1 .item1 { background-color: #fe9c35; }
body.chapter1 .item2 { background-color: #36c5d8; }
body.chapter1 .item3 { background-color: #83bb5b; }

/*阅读第二章*/
body.chapter2 section img { width: 100%; height: auto; outline-width: 0px; vertical-align: top; margin-top: 0.746667rem; }

/*阅读第三章*/
body.chapter3 { background-color: #efeff4; }
body.chapter3 header img { width: 100%; vertical-align: top; }
body.chapter3 ul li { padding: 0.373333rem; background-color: #fff; margin-bottom: 0.12rem; }
body.chapter3 ul li > div .left-block { width: 0.8rem; }
body.chapter3 ul li > div .right-block { width: 8.32rem; }
body.chapter3 ul li .header .left-block, body.chapter3 ul li .header .right-block { height: 100%; }
body.chapter3 ul li .header .right-block { font-size: 15px; font-weight: bold; line-height: 0.64rem; }
[data-dpr="2"] body.chapter3 ul li .header .right-block { font-size: 30px; }
[data-dpr="3"] body.chapter3 ul li .header .right-block { font-size: 45px; }
body.chapter3 ul li .header img { height: 0.64rem; }
body.chapter3 ul li .answer { margin-top: 0.373333rem; font-size: 15px; }
[data-dpr="2"] body.chapter3 ul li .answer { font-size: 30px; }
[data-dpr="3"] body.chapter3 ul li .answer { font-size: 45px; }
body.chapter3 ul li .answer .left-block img { width: 0.426667rem; }

/*阅读第四章*/
body.chapter4 header { padding: 0; border-bottom: solid #dcdcdc; border-width: 1px; }
body.chapter4 header img { width: 100%; height: auto; vertical-align: top; }
[data-dpr="2"] body.chapter4 header { border-width: 2px; }
[data-dpr="3"] body.chapter4 header { border-width: 3px; }
body.chapter4 .cont { padding: 0.666667rem 0.4rem; }
body.chapter4 .cont h4 { font-size: 17px; color: #fe9c35; }
[data-dpr="2"] body.chapter4 .cont h4 { font-size: 34px; }
[data-dpr="3"] body.chapter4 .cont h4 { font-size: 51px; }
body.chapter4 .cont ul { margin-top: 0.493333rem; letter-spacing: 2px; line-height: 30px; font-size: 15px; }
[data-dpr="2"] body.chapter4 .cont ul { letter-spacing: 4px; }
[data-dpr="3"] body.chapter4 .cont ul { letter-spacing: 6px; }
[data-dpr="2"] body.chapter4 .cont ul { line-height: 60px; }
[data-dpr="3"] body.chapter4 .cont ul { line-height: 90px; }
[data-dpr="2"] body.chapter4 .cont ul { font-size: 30px; }
[data-dpr="3"] body.chapter4 .cont ul { font-size: 45px; }
body.chapter4 > .questions { position: fixed; z-index: 1; left: 0; top: 0; background-color: #efeff4; width: 100%; height: 100%; }
body.chapter4 > .questions .title img { width: 100%; vertical-align: top; }
body.chapter4 .questions { overflow: overlay; }
body.chapter4 .questions .item { padding: 0.32rem 0.373333rem; background-color: #fff; margin-bottom: 0.12rem; }
body.chapter4 .questions .item h3 { font-size: 17px; margin-bottom: 0.16rem; }
[data-dpr="2"] body.chapter4 .questions .item h3 { font-size: 34px; }
[data-dpr="3"] body.chapter4 .questions .item h3 { font-size: 51px; }
body.chapter4 .questions .item ul li { padding-top: 0.36rem; font-size: 14px; }
[data-dpr="2"] body.chapter4 .questions .item ul li { font-size: 28px; }
[data-dpr="3"] body.chapter4 .questions .item ul li { font-size: 42px; }
body.chapter4 .questions .item ul li .answer { width: 8.533333rem; }
body.chapter4 .questions .item ul li .index { width: 0.706667rem; }
body.chapter4 .questions .item ul li .index .check-btn { width: 17px; height: 17px; background-color: #9c9c9c; border-radius: 50%; text-align: center; float: left; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn { width: 34px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn { width: 51px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn { height: 34px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn { height: 51px; }
body.chapter4 .questions .item ul li .index .check-btn .white { width: 15px; height: 15px; background-color: #fff; border-radius: 50%; padding: 1px; padding: 1px; margin: 1px; margin: 1px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { width: 30px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { width: 45px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { height: 30px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { height: 45px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { padding: 2px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { padding: 3px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { padding: 2px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { padding: 3px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { margin: 2px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { margin: 3px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white { margin: 2px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white { margin: 3px; }
body.chapter4 .questions .item ul li .index .check-btn .white .solid { height: 13px; width: 13px; background-color: #fff; border-radius: 50%; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white .solid { height: 26px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white .solid { height: 39px; }
[data-dpr="2"] body.chapter4 .questions .item ul li .index .check-btn .white .solid { width: 26px; }
[data-dpr="3"] body.chapter4 .questions .item ul li .index .check-btn .white .solid { width: 39px; }
body.chapter4 .questions .item ul li.checked .index .check-btn { background-color: #fe9c35; }
body.chapter4 .questions .item ul li.checked .index .check-btn .white { background-color: #fff; }
body.chapter4 .questions .item ul li.checked .index .check-btn .white .solid { background-color: #fe9c35; }
body.chapter4 .answer-complete { position: fixed; z-index: 2; height: 100%; width: 100%; background-color: #fff; left: 0; top: 0; }
body.chapter4 .answer-complete .title { text-align: center; }
body.chapter4 .answer-complete .title img { width: 6.48rem; height: 5.28rem; }
body.chapter4 .answer-complete h2 { width: 9.266667rem; border-top: 1px dashed #bdbdbd; padding-top: 0.8rem; font-size: 17px; font-weight: bold; }
[data-dpr="2"] body.chapter4 .answer-complete h2 { font-size: 34px; }
[data-dpr="3"] body.chapter4 .answer-complete h2 { font-size: 51px; }
body.chapter4 .answer-err { position: fixed; z-index: 3; height: 100%; width: 100%; background-color: #efeff4; left: 0; top: 0; overflow: overlay; }
body.chapter4 .answer-err .err-question { background-color: #fff; }
body.chapter4 .answer-err .title { background-color: #FFF; text-align: center; }
body.chapter4 .answer-err .title img { width: 6.48rem; height: 5.28rem; }
body.chapter4 .answer-err .h2-warp { background-color: #fff; }
body.chapter4 .answer-err .h2-warp h2 { margin: 0 0.36rem; background-color: #FFF; color: #fe9c35; border-top: 1px dashed #bdbdbd; padding-top: 0.44rem; font-size: 15px; font-weight: bold; }
[data-dpr="2"] body.chapter4 .answer-err .h2-warp h2 { font-size: 30px; }
[data-dpr="3"] body.chapter4 .answer-err .h2-warp h2 { font-size: 45px; }
